.shop{
    overflow: hidden;
    overflow-x:none;
}
.shop .shoptop{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:1.7rem;
}
.shop .header{
    position:relative;
    width:100%;
    height:.5rem;
    background:#11e1ee;
}
.shop .header a{
    position: absolute;
    top:0;
    left:0.2rem;
    line-height:.5rem;
}
.shop .header p{
    color:#fff;
    text-align:center;
    font-weight:bold;
    line-height:.5rem;
}
/* 搜索 */
.shop .search{
    position: relative;
	width:100%;
	height:.6rem;
    background: #f0f2f5;
    padding-top:.1rem;
}
.shop .search input{
	width:95%;
	height:.4rem;
	border:1px solid #ccc;
	margin:0 2.5%;
	background:#fff;
    text-indent:.5rem;
    font-size:.2rem;
}
.shop .search > img{
    position: absolute;
    top:.16rem;
    left:.24rem;
    width:.4rem;
    height:.4rem;
}
/* list导航 */
.shop .listbar{
    width:100%;
    height:.6rem;
    border-top:1px solid #ccc;
    border-bottom:1px solid #ccc;
    background:#fff;
}
.shop .listbar > ul{
    display: flex;
    width:100%;
    height:100%;
}
.shop .listbar > ul > li{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:25%;   
    color:#fe7e20;
    text-align:center;
    line-height: .6rem;
    font-size:.2rem;
}
.shop .listbar > ul > li > span{
    position: relative;
    color:#000;
}
.shop .listbar > ul > li > span.active{
    color:#fe7e20;
}
.shop .listbar > ul > li > img{
    width:.2rem;
    height:.2rem;
}
/* 商品列表 */
.shop .shoplist{
    width:100%;
    overflow: scroll;
    margin-top:1.8rem;
    margin-bottom:1rem;
}
.shop .shoplist > ul > li{
    width:100%;
    height:1.4rem;
    border-top:1px solid #ccc;
}
.shop .shoplist > ul > li:nth-child(1){
    border:none;
}
.shop .shoplist > ul > li > img{
    width:1.2rem;
    height:1.2rem;
    margin:0.1rem;
}
.shop .shoplist > ul > li > .list-info{
    float:right;
    width:66%;
    height:100%;
}
.shop .shoplist > ul > li > .list-info > h2{
    font-size:.24rem;
}
.shop .shoplist > ul > li > .list-info > p{
    color:#666;
    font-size:.2rem;
}
.shop .shoplist > ul > li > .list-info .price{
    width:100%;
    height:.4rem;
    margin-top:.3rem;
}
.shop .shoplist > ul > li > .list-info .price > p{
    float:left;
    width:40%;
    color:red;
    line-height:.4rem;
}
.shop .shoplist > ul > li > .list-info .price .number{
    float:right;
    width:50%;
    height:100%;
    line-height:.4rem;
    text-align:right;
    padding-right:.2rem;
}
.shop .shoplist > ul > li > .list-info .price .number .reduce,
.shop .shoplist > ul > li > .list-info .price .number .plus{
    display: inline-block;
    width:.3rem;
    height:.3rem;
    margin-top:.05rem;
    line-height:.3rem;
    text-align:center;
    border:1px solid red;
    border-radius: 50%;
    font-size:.3rem;
    background: red;
    color:#fff;
}
.shop .shoplist > ul > li > .list-info .price .number .reduce,
.shop .shoplist > ul > li > .list-info .price .number .count{
    opacity:0;
}
/* 弹出层 */
.shop .popup{
    display: none;
    position:fixed;
    top:1.8rem;
    left:0;
    width:100%;
    height:100%;
    background: rgba(0,0,0,.3);
}
.shop .popup > ul{
    overflow: scroll;
    width:100%;
    max-height: 3rem;
    display:flex;
    flex-wrap:wrap;
    background: #fff;
    border-top:1px solid #ccc;
    padding-top:2.5%;
}
.shop .popup > ul > li{
    width:22%;
    border:1px solid #ccc;
    box-sizing: border-box;
    margin: 0 1.5% 2.5%;
    text-align:center;
    font-size:.18rem;
}
.shop .popup > ul > li.active{
    border:1px solid #fe7e20;
    color:#fe7e20;
}
/* 底部购物车 */
.shop .botnav{
    position:fixed;
    bottom:0;
    left:0;
    display: flex;
    width:100%;
    height:.7rem;
    border-top:1px solid #ddd;
    z-index:999;
}
.shop .botnav .cart,
.shop .botnav .settle{
    position: relative;
    width:50%;
    text-align:center;  
    background: #fff; 
}
.shop .botnav .cart > img{
    width:.4rem;
    height:.4rem;
}
.shop .botnav .cart > p{
    margin-top:-.06rem;
}
.shop .botnav .settle{
    background:#ff3c2c;
    color:#fff;
    font-weight: bold;
    font-size: .24rem;
    line-height:.7rem;
}
.shop .botnav .cart .cart-num{
    position: absolute;
    top:.04rem;
    right:40%;
    width:.26rem;
    height:.26rem;
    line-height:.25rem;
    background:#ff3c2c;
    color:#fff;
    border-radius: 50%;
    opacity:0;
}
